<template>
  <div>
    <div class="address-box">
      <h3>添加地址</h3>
      <form class="mui-input-group">
        <div class="mui-input-row">
          <label>收件人</label>
          <input type="text" class="mui-input-clear" placeholder="请输入收件人姓名">
          <span class="mui-icon mui-icon-clear mui-hidden"></span>
        </div>
        <div class="mui-input-row">
          <label>电话</label>
          <input type="tel" class="mui-input-clear" placeholder="请输入收件人手机号码">
          <span class="mui-icon mui-icon-clear mui-hidden"></span>
        </div>
        <div class="mui-input-row">
          <label>邮编</label>
          <input type="number" class="mui-input-clear" placeholder="请输入邮政编码">
          <span class="mui-icon mui-icon-clear mui-hidden"></span>
        </div>
        <div class="mui-input-row">
          <label>地址</label>
          <input type="text" class="mui-input" placeholder="请选择地址" readonly>
          <!-- <span class="mui-icon mui-icon-clear"></span> -->
        </div>
        <div class="mui-input-row">
          <label>详细地址</label>
          <input type="text" class="mui-input-clear" placeholder="街道、楼牌号等" data-input-clear="5">
          <span class="mui-icon mui-icon-clear mui-hidden"></span>
        </div>
        <div class="mui-button-row">
          <button type="submit" class="mui-btn mui-btn-primary" onclick="return false;">添加</button>&nbsp;&nbsp;
          <button type="reset" class="mui-btn" onclick="return false;">重置</button>
        </div>
      </form>
    </div>
  </div>
</template>

<script>
import mui from "../../lib/mui/js/mui.min.js";
export default {
  data() {
    return {
      message: "",
    };
  },
  created(){
  },
  mounted() {
    this.initPicker()
  },
  methods: {
    
  }
};
</script>

<style lang="scss" scoped>
.address-box {
  h3 {
    margin: 20px;
  }
}
</style>

